﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>学校简介</title>
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/motai2.css">

</head>

<body class="main-body">
	<div id="vue-root">
		<ul class="main-nav2 main-nav-tree basis" style="margin-left:calc(2% - 10px);">

			<li v-for="(menu,index) in menues" :key="index" class="main-side-item2 "
				:class="{'main_itemed':mainItem==index}" @click="mainItem=index">
				<a target="myiframe1" :href="menu.ref">
					<div v-text="menu.title"></div>
				</a>
			</li>
		</ul>
		<iframe src="school_intro.html" name="myiframe1" style="width: 100%;height: calc(100vh - 50px);"
			scrolling="auto" overflow-y="auto"></iframe>

	</div>
	<script src="/scriptZIP/vue.min.js"></script>

	<script>
		var app = new Vue({
			el: '#vue-root',
			data: {
				mainItem: 0,
				menues: [/* {
                    title: '校园招聘',
                    ref: 'school_ecruitment.html'
                }, */{
						title: '学校简介',
						ref: 'school_intro.html'
					}, {
						title: '学校荣誉',
						ref: 'school_honor.html'
					}, {
						title: '教师风采',
						ref: 'school_teacher_mien.html'
					}]
			},
		});
	</script>
</body>

</html>